var box=document.querySelector('.coont')
var name1=getCookie('name')
if(name1){
    //获取当前账号存储的数据
    var lists=localStorage.getItem(name1)||"[]"
    //把字符串转为数组对象
    lists=eval('('+lists+')')
    //判断当前账号是否还有数据
    if(lists.length>0){
        //创建字符串，拼接所有内容
        //拼接头部
        var str=`
        <h2>这个是一个购物车页 <a href="./leb.html" class="btn btn-info btn-md">返回列表页</a></h2>`
        lists.forEach(item=>{
            //拼接商品部分
            str+=`
            <div class="media">
                <div class="media-left">
                <input type="checkbox" name="xuan">
                <a href="#">
                    <img class="media-object" src="${item.goods_small_logo}" width="100" height="100">
                </a>
                </div>
                <div class="media-body">
                <h4 class="media-heading">${item.goods_name}</h4>
                <h3>￥${item.goods_price}</h3>
                <button type="button" class="btn btn-primary">我不要了</button>
                <div class="btn-group btn-div" role="group" aria-label="...">
                    <button type="button" class="btn btn-default">-</button>
                    <button type="button" class="btn btn-default">${item.cart_number}</button>
                    <button type="button" class="btn btn-default">+</button>
                </div>
                </div>
            </div>
            `
        })
        //拼接底部
        str+=`
            </div>
        </div>
        `
        //把拼接好的内容渲染到页面中
        box.innerHTML=str
    }else{
        //创建字符串，拼接所有内容
        var str=`
        <h2>这个是一个购物车页 <a href="./den.html" class="btn btn-info btn-md">返回登录</a></h2>
        <div class="jumbotron">
            <h1>您的购物车空空如也</h1>
            <p>点击下方按钮快去选购吧! ^_^</p>
            <p><a class="btn btn-primary btn-lg" href="./leb.html" role="button">赶紧去逛逛吧</a></p>
        </div>
        `
        //把拼接好的内容渲染到大盒子中
        box.innerHTML=str
    }
}else{
    alert("你还未登录")
    //获取地址栏信息
    var url=location.href
    //跳转到登录页
    location='./den.html?url2='+url
}